<template>
<uni-shadow-root class="partials-time-time_one-index"><template name="time_one">
<block>
    <view class="time">
        <view class="timeBoxDay" :style="'background-color:'+(color)"> <text>{{countDownDay}}</text></view>
        <view class="timeBox" :style="'background-color:'+(color)"> <text>{{countDownHour}}</text></view>
        <view class="timeBox" :style="'background-color:'+(color)"> <text>{{countDownMinute}}</text></view>
        <view class="timeBox" :style="'background-color:'+(color)"> <text>{{countDownSecond}}</text></view>
    </view> 
</block>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/time/time_one/index'

Component({})

export default global['__wxComponents']['partials/time/time_one/index']
</script>
<style platform="mp-weixin">
.time{
  height:30rpx;
  text-align: center;
  font-size: 20rpx;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.timeBox{
  width: 30rpx;
  height:30rpx;
  background-color: #888;
  text-align: center;
  margin: 0 8rpx;
  border-radius:4rpx;
}
.timeBox text{
  display: block;
  font-size: 20rpx;
  line-height: 30rpx; 
  color: white;
}
.timeBoxDay{
  height: 30rpx;
  background-color: #888;
  text-align: center;
  margin: 0 8rpx;
  border-radius:4rpx;
}
.timeBoxDay text{
  display: block;
  font-size: 20rpx;
  line-height: 30rpx; 
  color: white;
}
</style>